<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <title>秒杀商品列表</title>
    <link rel="stylesheet" th:href="@{/plugins/bootstrap-3.3.0/css/bootstrap.min.css}" type="text/css">
    <link rel="stylesheet" th:href="@{/plugins/bootstrap-3.3.0/css/bootstrap-theme.min.css}" type="text/css">
</head>
<body>

<div class="container">
    <div class="panel panel-default">
        <div class="panel-heading text-center">
            <h2>秒杀列表</h2>
        </div>

        <div class="panel-body">
            <table class="table table-hover">
                <thead>
                <tr>
                    <td>名称</td>
                    <td>库存</td>
                    <td>开始时间</td>
                    <td>结束时间</td>
<!--                    <td>创建时间</td>-->
                    <td>详情页</td>
                </tr>
                </thead>
                <tbody>
                    <tr th:each = "items:${list}">
                        <td th:text="${items.name}"></td>
                        <td th:text="${items.number}"></td>
                        <td th:text="${#dates.format(items.startTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
                        <td th:text="${#dates.format(items.endTime, 'yyyy-MM-dd HH:mm:ss')}"></td>
<!--                        <td th:text="${items.createTime}" pattern="yyyy-MM-dd HH:mm:ss"></td>-->
                        <td><a class="btn btn-info" th:href="@{|/seckill/${items.seckillId}/detail|}" target="_blank">详情</a></td>
                    </tr>
                </th:forEach>
                </tbody>
            </table>
        </div>
    </div>
</div>
</body>

<script th:src="@{/plugins/jquery.js}"></script>
<script th:src="@{/plugins/bootstrap-3.3.0/js/bootstrap.min.js}"></script>
</html>